html,body
  font-family "微软雅黑"
html,body,div,p,h1,h2,h3,h4,h5,ol,ul,li,a
  padding: 0
  margin: 0
ol,ul,li
  list-style none
.fl
  float: left

.fr
  float: right
.pr
  position: relative
.pa
  position: absolute
.tl
  text-align: left
.tc
  text-align: center
.tr
  text-align: right
.inline
  display: inline-block
.mask
  position fixed
  width 100%
  height 100%
  top 0
  left 0
  z-index 9
  background rgba(0,0,0,0.6)
.flex
  display: flex
.clearfix
  &:after
    display: block
    content: ""
    height:0
    line-height: 0
    clear: both
    visibility: hidden
.border-1px
  &:after
    -webkit-transform: scaleY(0.5)
    transform: scaleY(0.5)
    transform-origin top left
.border-1px-all
  &:after
    -webkit-transform: scale(0.5)
    transform: scale(0.5)
    transform-origin top left
@media(-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5)
  .border-1px
    &:after
      -webkit-transform: scaleY(0.7)
      transform: scaleY(0.7)
@media(-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2)
  .border-1px
    &:after
      -webkit-transform: scaleY(0.5)
      transform: scaleY(0.5)
